<template>
  <div class="home">
    <van-nav-bar
      title="标题"
      left-text="返回"
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />

    <van-nav-bar title="标题" />
  </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: 'Home',
  methods: {
    onClickLeft () {
      console.log('onClickLeft')
    },
    onClickRight () {
      console.log('onClickRight')
    }
  }
}
</script>
<style lang="less">
.home .van-nav-bar:nth-child(1) {
  background-color: orange;
}
.home .van-nav-bar:nth-child(2) {
  background-color: #1a73e8;
}
.home .van-nav-bar__title {
  color: white;
  // font-size: 20px;
}
</style>
